﻿<!DOCTYPE html>
<html>
  <head>
    <title>通讯录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="data/apple-touch-icon.png" rel="apple-touch-icon"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/通讯录/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/通讯录/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 内容框架 (动态面板) -->
      <div id="u33371" class="ax_default" data-label="内容框架">
        <div id="u33371_state0" class="panel_state" data-label="State1">
          <div id="u33371_state0_content" class="panel_state_content">

            <!-- 搜索栏 (动态面板) -->
            <div id="u33372" class="ax_default" data-label="搜索栏">
              <div id="u33372_state0" class="panel_state" data-label="State1">
                <div id="u33372_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u33373" class="ax_default box_1">
                    <div id="u33373_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33374" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33375" class="ax_default box_1">
                    <div id="u33375_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33376" class="text" style="visibility: visible;">
                      <p><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:401;font-style:normal;"></span><span style="font-family:'微软雅黑';"> 搜索</span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u33372_state1" class="panel_state" data-label="State2">
                <div id="u33372_state1_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u33377" class="ax_default box_1">
                    <div id="u33377_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33378" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33379" class="ax_default box_1">
                    <div id="u33379_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33380" class="text" style="visibility: visible;">
                      <p><span style="font-family:'FontAwesome Regular', 'FontAwesome';font-weight:401;font-style:normal;"></span><span style="font-family:'微软雅黑';"> </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33381" class="ax_default box_1">
                    <div id="u33381_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33382" class="text" style="visibility: visible;">
                      <p><span>取消</span></p>
                    </div>
                  </div>

                  <!-- 带清除按纽输入框 (文本框) -->
                  <div id="u33383" class="ax_default box_1" data-label="带清除按纽输入框">
                    <input id="u33383_input" type="text" value="A"/>
                  </div>

                  <!-- 清除 (图片) -->
                  <div id="u33384" class="ax_default image1 ax_default_hidden" data-label="清除" style="display: none; visibility: hidden">
                    <img id="u33384_img" class="img " src="images/登录/清除_u59.svg"/>
                    <!-- Unnamed () -->
                    <div id="u33385" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 导航栏 (动态面板) -->
            <div id="u33386" class="ax_default" data-label="导航栏">
              <div id="u33386_state0" class="panel_state" data-label="State1">
                <div id="u33386_state0_content" class="panel_state_content">

                  <!-- Unnamed (组合) -->
                  <div id="u33387" class="ax_default">

                    <!-- Unnamed (矩形) -->
                    <div id="u33388" class="ax_default box_1">
                      <div id="u33388_div" class=""></div>
                      <!-- Unnamed () -->
                      <div id="u33389" class="text" style="visibility: visible;">
                        <p><span>通讯录</span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (图片) -->
                  <div id="u33390" class="ax_default image1">
                    <img id="u33390_img" class="img " src="images/注册/u111.svg"/>
                    <!-- Unnamed () -->
                    <div id="u33391" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <!-- 列表 (动态面板) -->
            <div id="u33392" class="ax_default" data-label="列表">
              <div id="u33392_state0" class="panel_state" data-label="正常列表">
                <div id="u33392_state0_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u33393" class="ax_default box_2">
                    <div id="u33393_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33394" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33395" class="ax_default box_1">
                    <div id="u33395_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33396" class="text" style="visibility: visible;">
                      <p><span>A</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33397" class="ax_default box_1">
                    <div id="u33397_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33398" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">埃米</span></p><p style="font-size:12px;"><span style="color:#C9C9C9;">Amy</span><span style="color:#999999;"> </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33399" class="ax_default box_1">
                    <div id="u33399_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33400" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">贝蒂</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Betty</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33401" class="ax_default box_1">
                    <div id="u33401_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33402" class="text" style="visibility: visible;">
                      <p><span>B</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33403" class="ax_default box_1">
                    <div id="u33403_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33404" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">安琪拉</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Angela</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33405" class="ax_default box_1">
                    <div id="u33405_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33406" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">布莱恩</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Brian </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33407" class="ax_default box_1">
                    <div id="u33407_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33408" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">艾丽丝</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Alice</span><span style="color:#999999;"> </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33409" class="ax_default box_1">
                    <div id="u33409_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33410" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">巴巴拉</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Barbara </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33411" class="ax_default box_1">
                    <div id="u33411_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33412" class="text" style="visibility: visible;">
                      <p><span>C</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33413" class="ax_default box_1">
                    <div id="u33413_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33414" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">克里丝塔</span></p><p style="font-size:12px;"><span style="color:#C9C9C9;">Crystal</span><span style="color:#999999;">&nbsp; &nbsp;&nbsp; </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33415" class="ax_default box_1">
                    <div id="u33415_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33416" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">戴维</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">David&nbsp; &nbsp;&nbsp; </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33417" class="ax_default box_1">
                    <div id="u33417_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33418" class="text" style="visibility: visible;">
                      <p><span>D</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33419" class="ax_default box_1">
                    <div id="u33419_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33420" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">查尔斯</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Charles&nbsp; &nbsp;&nbsp; </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33421" class="ax_default box_1">
                    <div id="u33421_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33422" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">丹尼尔</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Daniel&nbsp; &nbsp;&nbsp; </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33423" class="ax_default box_1">
                    <div id="u33423_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33424" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">克里丝</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Chris</span><span style="color:#999999;">&nbsp; &nbsp;&nbsp; </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33425" class="ax_default box_1">
                    <div id="u33425_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33426" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">戴安娜</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Diana&nbsp; &nbsp;&nbsp; </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33427" class="ax_default box_1">
                    <div id="u33427_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33428" class="text" style="visibility: visible;">
                      <p><span>A</span></p><p><span>B</span></p><p><span>C</span></p><p><span>D</span></p><p><span>E</span></p><p><span>F</span></p><p><span>G</span></p><p><span>H</span></p><p><span>I</span></p><p><span>J</span></p><p><span>K</span></p><p><span>Q</span></p><p><span>R</span></p><p><span>S</span></p><p><span>T</span></p><p><span>U</span></p><p><span>V</span></p><p><span>Y</span></p><p><span>Z</span></p><p><span>#</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33429" class="ax_default icon">
                    <img id="u33429_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33430" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33431" class="ax_default icon">
                    <img id="u33431_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33432" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33433" class="ax_default icon">
                    <img id="u33433_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33434" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33435" class="ax_default icon">
                    <img id="u33435_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33436" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33437" class="ax_default icon">
                    <img id="u33437_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33438" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33439" class="ax_default icon">
                    <img id="u33439_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33440" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33441" class="ax_default icon">
                    <img id="u33441_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33442" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33443" class="ax_default icon">
                    <img id="u33443_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33444" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33445" class="ax_default icon">
                    <img id="u33445_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33446" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33447" class="ax_default icon">
                    <img id="u33447_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33448" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33449" class="ax_default icon">
                    <img id="u33449_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33450" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33451" class="ax_default icon">
                    <img id="u33451_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33452" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
              <div id="u33392_state1" class="panel_state" data-label="搜索列表">
                <div id="u33392_state1_content" class="panel_state_content">

                  <!-- Unnamed (矩形) -->
                  <div id="u33453" class="ax_default box_2">
                    <div id="u33453_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33454" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33455" class="ax_default box_1">
                    <div id="u33455_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33456" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">埃米</span></p><p style="font-size:12px;"><span style="color:#C9C9C9;">Amy</span><span style="color:#999999;"> </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33457" class="ax_default box_1">
                    <div id="u33457_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33458" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">安琪拉</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Angela</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (矩形) -->
                  <div id="u33459" class="ax_default box_1">
                    <div id="u33459_div" class=""></div>
                    <!-- Unnamed () -->
                    <div id="u33460" class="text" style="visibility: visible;">
                      <p style="font-size:14px;"><span style="color:#999999;">艾丽丝</span></p><p style="font-size:12px;"><span style="color:#CCCCCC;">Alice</span><span style="color:#999999;"> </span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33461" class="ax_default icon">
                    <img id="u33461_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33462" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33463" class="ax_default icon">
                    <img id="u33463_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33464" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>

                  <!-- Unnamed (形状) -->
                  <div id="u33465" class="ax_default icon">
                    <img id="u33465_img" class="img " src="images/通讯录/u33429.png"/>
                    <!-- Unnamed () -->
                    <div id="u33466" class="text" style="display: none; visibility: hidden">
                      <p><span></span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
